<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            padding: 0;
            margin: 0;
            list-style: none;
        }
        @font-face {
            font-family: 'iconfont';
            src: url('../../util/icon/iconfont.eot');
            src: url('../../util/icon/iconfont.eot?#iefix') format('embedded-opentype'),
            url('../../util/icon/iconfont.woff2') format('woff2'),
            url('../../util/icon/iconfont.woff') format('woff'),
            url('../../util/icon/iconfont.ttf') format('truetype'),
            url('../../util/icon/iconfont.svg#iconfont') format('svg');
        }
        .iconfont {
            font-family: "iconfont" !important;
            font-size: 16px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

    </style>
    <link rel="stylesheet" href="../../util/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="../../util/bootstrap-3.3.7-dist/js/bootstrap.js">
    <script src="../../util/jq/jquery-3.4.0.js"></script>
</head>
<body>
    <div class="container-fluid">
        <div></div>
        <div>
            <div>
                <div>
                    <ul>
                        <li>教师</li>
                        <li>后勤员工</li>
                        <li>财务人员</li>
                        <li>保卫人员</li>
                        <li>行政人员</li>
                        <li>保育人员</li>
                    </ul>
                </div>
                <a href=""><button>新增</button></a>
                <div>
                    工号（或姓名）：<input type="text"><button>查询</button><button>重置</button>
                </div>
                <table class="table table-striped">
                    <tr>
                        <th><input type="checkbox"></th>
                        <th>工号</th>
                        <th>姓名</th>
                        <th>性别</th>
                        <th>任职班级</th>
                        <th>职位</th>
                        <th>编辑</th>
                        <th>删除</th>
                    </tr>
                    <tr>
                        <td><input type="checkbox"></td>
                        <td>001</td>
                        <td>李晓芳</td>
                        <td>女</td>
                        <td>XXX班</td>
                        <td>班主任</td>
                        <td><a href="javascript:;"><span class="iconfont">&#xe6e5;</span></a></td>
                        <td><a href="javascript:;"><span class="iconfont">&#xe638;</span></a></td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</body>
<script>
</script>
</html>